<!--
/**
 * 薪酬明细 列表页 JS 脚本
 * @author 金杰 , maillank@qq.com
 * @since 2024-02-06 18:23:20
 */
 -->
 <!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8"/>
    <meta name="referrer" content="no-referrer">
    <title th:text="${lang.translate('薪酬明细')}">薪酬明细</title>
    <link th:if(theme.ico!="null") rel="shortcut icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <link th:if(theme.ico!="null") rel="icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/assets/libs/layui/css/layui.css" th:href="'/assets/libs/layui/css/layui.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/css/admin.css" th:href="'/assets/css/admin.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/libs/toast/css/toast.css" type="text/css" th:href="'/assets/libs/toast/css/toast.css?'+${cacheKey}">
    <link rel="stylesheet" href="/assets/css/foxnic-web.css" th:href="'/assets/css/foxnic-web.css?'+${cacheKey}">
    <link href="/assets/libs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/assets/libs/material-design-webfont/css/material-design-icons-min.css" rel="stylesheet">
    <script th:inline="javascript">var foxnic_cachekey=[[${cacheKey}]];</script>
    <style>
    </style>
    <link th:each="css:${theme.css}" rel="stylesheet" th:href="${css}+'?'+${cacheKey}">
</head>

<body style="overflow-y: hidden">

<div class="layui-card">

    <div class="layui-card-body" style="">

        <div class="search-bar" style="">

            <div class="search-input-rows" style="opacity: 0">
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 主键 , id ,typeName=text_input, isHideInSearch=true -->
                    <!-- 人员 , personId ,typeName=select_box, isHideInSearch=true -->
                    <!-- 部门 , orgId ,typeName=text_input, isHideInSearch=true -->
                    <!-- 银行名称 , bank ,typeName=text_input, isHideInSearch=true -->
                    <!-- 银行账户 , bankAccount ,typeName=text_input, isHideInSearch=true -->
                    <!-- 模版 , tplId ,typeName=select_box, isHideInSearch=true -->
                    <!-- 动作 , actionId ,typeName=select_box, isHideInSearch=true -->
                    <!-- 状态 , status ,typeName=radio_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('状态')}" class="search-label status-label">状态</span><span class="search-colon">:</span></div>


                        <div id="status" th:data="${enum.toArray('com.dt.platform.constants.enums.hr.SalaryPersonDetailStatusEnum')}" style="width:180px"></div>
                    </div>
                    <!-- 工资 , totalAmount ,typeName=number_input, isHideInSearch=true -->
                    <!-- 应发金额 , payAmount ,typeName=number_input, isHideInSearch=true -->
                    <!-- 实发金额 , issuedAmount ,typeName=number_input, isHideInSearch=true -->
                    <!-- 基本工资 , baseSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 岗位工资 , postSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 工龄工资 , workingYearsSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 固定补贴 , fixedSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 绩效补贴 , achievementSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 加班补贴 , overtimeSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 通讯补贴 , communicationSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 交通补贴 , trafficSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 住房补贴 , housingSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 高温补贴 , highTemperatureSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 其他补贴 , otherSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 提成工资 , commissionSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 计时工资 , unitTimeSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 计件工资 , unitNumberSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 处罚金额 , punishSalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 每日工资 , daySalary ,typeName=number_input, isHideInSearch=true -->
                    <!-- 扣除考勤 , deductKq ,typeName=number_input, isHideInSearch=true -->
                    <!-- 扣除工会 , deductGh ,typeName=number_input, isHideInSearch=true -->
                    <!-- 扣除其他 , deductOther ,typeName=number_input, isHideInSearch=true -->
                    <!-- 个税抵扣 , deductPersonalTaxRed ,typeName=number_input, isHideInSearch=true -->
                    <!-- 个人所得税 , ptGrsds ,typeName=number_input, isHideInSearch=true -->
                    <!-- 抵扣基数 , ptDkjs ,typeName=number_input, isHideInSearch=true -->
                    <!-- 绩效评级 , jxpjLevel ,typeName=text_input, isHideInSearch=true -->
                    <!-- 加班时长 , workOvertimeHCnt ,typeName=number_input, isHideInSearch=true -->
                    <!-- 迟到次数 , lateCnt ,typeName=number_input, isHideInSearch=true -->
                    <!-- 出差次数 , businessTripsCnt ,typeName=number_input, isHideInSearch=true -->
                    <!-- 事假天数 , personalLeaveCnt ,typeName=number_input, isHideInSearch=true -->
                    <!-- 年假天数 , annualLeaveCnt ,typeName=number_input, isHideInSearch=true -->
                    <!-- 工作天数 , workDayCnt ,typeName=number_input, isHideInSearch=true -->
                    <!-- 税率 , ptSlPct ,typeName=number_input, isHideInSearch=true -->
                    <!-- 住房公积金基数 , welfareZfgjjBase ,typeName=number_input, isHideInSearch=true -->
                    <!-- 住房公积金个人 , welfareZfgjjPerson ,typeName=number_input, isHideInSearch=true -->
                    <!-- 住房公积金公司 , welfareZfgjjCompany ,typeName=number_input, isHideInSearch=true -->
                    <!-- 住房缴费 , welfareZfgjjValue ,typeName=number_input, isHideInSearch=true -->
                    <!-- 养老保险基数 , welfaerYlbxBase ,typeName=number_input, isHideInSearch=true -->
                    <!-- 养老保险个人 , welfaerYlbxPerson ,typeName=number_input, isHideInSearch=true -->
                    <!-- 养老保险公司 , welfaerYlbxCompany ,typeName=number_input, isHideInSearch=true -->
                    <!-- 养老缴费 , welfaerYlbxValue ,typeName=number_input, isHideInSearch=true -->
                    <!-- 工伤保险基数 , welfaerGsbxBase ,typeName=number_input, isHideInSearch=true -->
                    <!-- 工伤保险个人 , welfaerGsbxPerson ,typeName=number_input, isHideInSearch=true -->
                    <!-- 工伤保险公司 , welfaerGsbxCompany ,typeName=number_input, isHideInSearch=true -->
                    <!-- 工伤缴费 , welfaerGsbxValue ,typeName=number_input, isHideInSearch=true -->
                    <!-- 医疗保险基数 , welfaerYrbxBase ,typeName=number_input, isHideInSearch=true -->
                    <!-- 医疗保险个人 , welfaerYrbxPerson ,typeName=number_input, isHideInSearch=true -->
                    <!-- 医疗保险公司 , welfaerYrbxCompany ,typeName=number_input, isHideInSearch=true -->
                    <!-- 医疗缴费 , welfaerYrbxValue ,typeName=number_input, isHideInSearch=true -->
                    <!-- 生育保险基数 , welfaerSybxBase ,typeName=number_input, isHideInSearch=true -->
                    <!-- 生育保险个人 , welfaerSybxPerson ,typeName=number_input, isHideInSearch=true -->
                    <!-- 生育保险公司 , welfaerSybxCompany ,typeName=number_input, isHideInSearch=true -->
                    <!-- 生育缴费 , welfaerSybxValue ,typeName=number_input, isHideInSearch=true -->
                    <!-- 失业保险基数 , welfaerSyebxBase ,typeName=number_input, isHideInSearch=true -->
                    <!-- 失业保险个人 , welfaerSyebxPerson ,typeName=number_input, isHideInSearch=true -->
                    <!-- 失业保险公司 , welfaerSyebxCompany ,typeName=number_input, isHideInSearch=true -->
                    <!-- 失业缴费 , welfaerSyebxValue ,typeName=number_input, isHideInSearch=true -->
                    <!-- 个人缴费总计 , welfaerPersonValueTotal ,typeName=number_input, isHideInSearch=true -->
                    <!-- 子女教育 , personalTaxZnjy ,typeName=number_input, isHideInSearch=true -->
                    <!-- 继续教育 , personalTaxJxjy ,typeName=number_input, isHideInSearch=true -->
                    <!-- 大病医疗 , personalTaxDbyl ,typeName=number_input, isHideInSearch=true -->
                    <!-- 住房贷款 , personalTaxZfdk ,typeName=number_input, isHideInSearch=true -->
                    <!-- 住房租金 , personalTaxZfzj ,typeName=number_input, isHideInSearch=true -->
                    <!-- 赡养老人 , personalTaxSylr ,typeName=number_input, isHideInSearch=true -->
                    <!-- 幼儿照护 , personalTaxErzh ,typeName=number_input, isHideInSearch=true -->
                    <!-- 专项扣除总计 , personalTaxTotal ,typeName=number_input, isHideInSearch=true -->
                    <!-- 生效时间 , effectTime ,typeName=date_input, isHideInSearch=true -->
                    <!-- 备注 , notes ,typeName=text_area, isHideInSearch=true -->
                    <!-- 操作说明 , operMsg ,typeName=text_area, isHideInSearch=true -->
                    <!-- 修改人ID , updateBy ,typeName=text_input, isHideInSearch=true -->
                    <!-- 卡号 , personCardNumber ,typeName=text_input, isHideInSearch=true -->
                    <!-- 工号 , personJobNumber ,typeName=text_input, isHideInSearch=true -->
                    <!-- 月份 , actionMonth ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('月份')}" class="search-label actionMonth-label">月份</span><span class="search-colon">:</span></div>
                        <input id="actionMonth" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>
                    <!-- 姓名 , userName ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('姓名')}" class="search-label userName-label">姓名</span><span class="search-colon">:</span></div>
                        <input id="userName" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>
                    <!-- 工号 , jobNumber ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('工号')}" class="search-label jobNumber-label">工号</span><span class="search-colon">:</span></div>
                        <input id="jobNumber" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>


                </div>
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 专项抵扣启用 , personalStatus ,typeName=radio_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('专项抵扣启用')}" class="search-label personalStatus-label">专项抵扣启用</span><span class="search-colon">:</span></div>


                        <div id="personalStatus" th:data="${enum.toArray('com.dt.platform.constants.enums.common.StatusEnableEnum')}" style="width:180px"></div>
                    </div>
                    <!-- 批次号 , batchCode ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('批次号')}" class="search-label batchCode-label">批次号</span><span class="search-colon">:</span></div>
                        <input id="batchCode" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>


                </div>
            </div>


            <!-- 按钮区域 -->
            <div id="search-area" class="layui-form toolbar search-buttons" style="opacity: 0">
                <button id="search-button" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>&nbsp;&nbsp;<span th:text="${lang.translate('搜索','','cmp:table.search')}">搜索</span></button>
                <button id="search-button-advance" class="layui-btn layui-btn-primary icon-btn search-button-advance"><i class="layui-icon">&#xe671;</i><span th:text="${lang.translate('更多','','cmp:table.search')}">更多</span></button>
            </div>
        </div>

        <div id="table-area" style="margin-top: 42px ">
            <table class="layui-table" id="data-table" lay-filter="data-table"></table>
        </div>

    </div>
</div>

<script type="text/javascript" src="/module/global.js" th:src="'/module/global.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/jquery-3.2.1.min.js" th:src="'/assets/libs/jquery-3.2.1.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/pandyle.min.js" th:src="'/assets/libs/pandyle.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/layui/layui.js" th:src="'/assets/libs/layui/layui.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/toast/js/toast.js" th:src="'/assets/libs/toast/js/toast.js?'+${cacheKey}"></script>
<!-- 表格工具栏 -->
<script type="text/html" id="toolbarTemplate">
    <div class="layui-btn-container">
        <button id="valid-data"  th:if="${perm.checkAuth('hr_salary_detail:valid')}"class="layui-btn icon-btn layui-btn-sm  person-valid-data " lay-event="tool-valid-data"><span th:text="${lang.translate('生效','','cmp:table.button')}">生效</span></button>
        <button id="calculate-data"  class="layui-btn icon-btn layui-btn-sm  person-calculate-data " lay-event="tool-calculate-data"><span th:text="${lang.translate('计算','','cmp:table.button')}">计算</span></button>
        <button id="salary-export"  class="layui-btn icon-btn layui-btn-sm  person-export-data " lay-event="tool-salary-export"><span th:text="${lang.translate('导出','','cmp:table.button')}">导出</span></button>
        <button id="salary-import"  class="layui-btn icon-btn layui-btn-sm  person-import-data " lay-event="tool-salary-import"><span th:text="${lang.translate('导入','','cmp:table.button')}">导入</span></button>
    </div>
</script>

<!-- 表格操作列 -->
<script type="text/html" id="tableOperationTemplate">

    <button th:if="${perm.checkAuth('hr_salary_detail:view-form')}" class="layui-btn layui-btn-primary layui-btn-xs ops-view-button " lay-event="view"  data-id="{{d.id}}"> <span th:text="${lang.translate('查看','','cmp:table.ops')}">查看</span></button>
    <button th:if="${perm.checkAnyAuth('hr_salary_detail:update','hr_salary_detail:save')}" class="layui-btn layui-btn-primary layui-btn-xs ops-edit-button " lay-event="edit"data-id="{{d.id}}"><span th:text="${lang.translate('修改','','cmp:table.ops')}">修改</span></button>


    <button th:if="${perm.checkAuth('hr_salary_detail:delete')}" class="layui-btn layui-btn-xs layui-btn-danger ops-delete-button " lay-event="del" data-id="{{d.id}}"><span th:text="${lang.translate('删除','','cmp:table.ops')}">删除</span></button>

    <button th:if="${perm.checkAuth('hr_salary_detail:reset')}"class="layui-btn layui-btn-xs  person-reset-data " lay-event="reset-data" data-id="{{d.id}}"><span th:text="${lang.translate('重置','','cmp:table.ops')}">重置</span></button>

</script>


<script th:inline="javascript">
    var LAYUI_TABLE_WIDTH_CONFIG = [[${pageHelper.getTableColumnWidthConfig('data-table')}]];
    var RADIO_STATUS_DATA = [[${enum.toArray('com.dt.platform.constants.enums.hr.SalaryPersonDetailStatusEnum')}]];
    var RADIO_PERSONALSTATUS_DATA = [[${enum.toArray('com.dt.platform.constants.enums.common.StatusEnableEnum')}]];
    var AUTH_PREFIX="hr_salary_detail";


</script>

<script th:src="'/business/hr/salary_detail/salary_detail_ext.js?'+${cacheKey}"></script>
<script th:src="'/business/hr/salary_detail/salary_detail_list.js?'+${cacheKey}"></script>

</body>
</html>